// 引入Zepto
var $ = require('./components/zepto/zepto');
require('./components/zepto/event');
require('./components/zepto/ajax');
require('./components/zepto/form');
require('./components/zepto/ie');
require('./components/zepto/touch');


module.exports = $;

//引入swiper模块
var Swiper = require('./components/swiper/swiper.min.js');
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
    effect: 'fade'
});

//ref https://github.com/WICG/EventListenerOptions/pull/30
function isPassive() {
    var supportsPassiveOption = false;
    try {
        addEventListener("test", null, Object.defineProperty({}, 'passive', {
            get: function () {
                supportsPassiveOption = true;
            }
        }));
    } catch(e) {}
    return supportsPassiveOption;
}

//控制音乐播放
var lanren = {
	changeClass: function (target,id) {
       	var className = $(target).attr('class');
       	var ids = document.getElementById(id);
       	(className == 'on')
           	? $(target).removeClass('on').addClass('off')
           	: $(target).removeClass('off').addClass('on');
       	(className == 'on')
           	? ids.pause()
           	: ids.play();
   	},
	play:function(){
		document.getElementById('media').play();
	}
}
lanren.play();

$('#audio-btn').tap(function(){
    lanren.changeClass(this,'media');
})

//引入weixin模块
var wx=require('./components/weixin/jweixin');

function show(){
    wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: function (res) {
            var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
        }
    });
}

function scan(){
    wx.scanQRCode({
        needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
        success: function (res) {
        var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
        }
    });
}

//引入IScroll模块
var IScroll = require('./components/iscroll/iscroll');
var myScroll;

function loaded () {
	myScroll = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 1200 });
}
loaded();
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
	capture: false,
	passive: false
} : false);  		  

$("#mainContainer").hide();

$("#welcome").tap(function(){
    document.getElementById('media').pause();
    $(".swiper-container").hide();
    $("#mainContainer").show();

    $.ajax({
        type:"post",
        url:"http://www.supermao.online/getsign.php",
        data:{
            url:window.location.href
        },
        dataType:'json',
        success: function(res){
            wx.config({
                debug: true,
                appId: res.appId,
                timestamp: res.timestamp,
                nonceStr: res.nonceStr,
                signature: res.signature,
                jsApiList: [
                    'chooseImage','scanQRCode'
                ]
            });
        }
    })

    $('#choose').tap(function(){
        show();
    })

    $('#code').tap(function(){
        scan();
    })
    //点击图标变色
    $btn=$('#show li');
    function tab(){
        $btn.eq($num).addClass('list').siblings('li').removeClass('list');
    }
    $btn.tap(function(){
        $num=$(this).index();
        tab();
        if($num==0){
            $.ajax({
                type:'GET',
                url:'http://www.supermao.online/api/skill.php',
                dataType:'json',
                success:function(data){
                    var html = "";
                    for(var i=0;i<data.length;i++){
                        html +='<li class="tech">'+
                        '<div class="img"><img src="'+data[i].src+'"></div>'+
                        '<div class="show_skill"><p class="show_cate">'+data[i].category+'</p>'+
                        '<p>'+data[i].name+'</p>'+
                        '<p>'+"level："+data[i].level+'</p>'+
                        '</div>'+
                        '</li>';
                    }
                    $("#scroller ul").html(html);
                    myScroll.refresh();
                }
            })
        }
        else if($num==1){
            $.ajax({
                type:'GET',
                url:'http://www.supermao.online/api/project.php',
                dataType:'json',
                success:function(data){
                    var html = "";
                    for(var i=0;i<data.length;i++){
                        html +='<li class="project">'+
                        '<div class="show_pro"><div class="top">'+
                            '<img src="'+data[i].headerimg+'">'+
                            '<div class="date">'+
                            '<a href="'+data[i].url+'">'+data[i].name+'</a>'+
                            '<span>'+data[i].date+'</span>'+
                            '</div>'+
                        '</div>'+
                        '<div class="middle"><img src="'+data[i].image+'"></div>'+
                        '<div class="center">'+"项目详情："+data[i].detail+'</div>'+
                        '<div class="bottom">'+"技术支持："+data[i].tech+'</div>'+
                        '</div>'+
                        '</li>';
                    }
                    $("#scroller ul").html(html);
                    myScroll.refresh();
                }
            })
        }else if($num==2){
            $.ajax({
                type:'GET',
                url:'http://www.supermao.online/api/work.php',
                dataType:'json',
                success:function(data){
                    var html = "";
                    for(var i=0;i<data.length;i++){
                         html +='<li class="project">'+
                        '<div class="show_pro"><div class="top">'+
                            '<img src="'+data[i].headerimg+'">'+
                            '<div class="name">'+
                            '<a href="'+data[i].url+'">'+data[i].name+'</a>'+
                            '<span>'+data[i].date+'</span>'+
                            '</div>'+
                        '</div>'+
                        '<div class="middle"><img src="'+data[i].image+'"></div>'+
                        '<div class="center">'+"担任职位："+data[i].position+'</div>'+
                        '<div class="bottom">'+"公司业务："+data[i].business+'</div>'+
                        '</div>'+
                        '</li>';
                    }
                    $("#scroller ul").html(html);
                    myScroll.refresh();
                }
            })
        }else if($num==3){
            var html='';
            html+='<li class="show_school"><img src="images/me.png"/></li>'+
            '<li class="show_me">'+"姓名：毛宝；"+'</li>'+
            '<li class="show_me">'+"年龄：25；"+'</li>'+
            '<li class="show_me">'+"毕业院校：武汉轻工大学；"+'</li>'+
            '<li class="show_me">'+"学历：本科；"+'</li>'+
            '<li class="show_me">'+"兴趣爱好：听音乐，跑步，刷段子，撸代码..."+'</li>'+
            '<li class="show_me">'+"人生格言：走自己的路，让别人羡慕去吧！！！"+'</li>';
            $("#scroller ul").html(html);
            myScroll.refresh();
        }
    });

    $.ajax({
        type:'GET',
        url:'http://www.supermao.online/api/skill.php',
        dataType:'json',
        success:function(data){
            var html = "";
            for(var i=0;i<data.length;i++){
                html +='<li class="tech">'+
                '<div class="img"><img src="'+data[i].src+'"></div>'+
                '<div class="show_skill"><p class="show_cate">'+data[i].category+'</p>'+
                '<p>'+data[i].name+'</p>'+
                '<p>'+"level："+data[i].level+'</p>'+
                '</div>'+
                '</li>';
            }
            $("#scroller ul").html(html);
            myScroll.refresh();
        }
    })
})





